﻿<html>
<head>
<title></title>
<script type="text/javascript" src="../MiniClient/rdtools/popup_calendar.js" ></script>
<style type="text/css">
.CalendarPanel
{
	position: absolute;
	width: 200px;
	border: 1px solid #BCD0DE;
	padding: 2px;
	background-color: #E0E2FC;
}
.CalendarHead
{
	 text-align:center;
 }
.CalendarFooter
{
	text-align:center;
}
.CalendarTable
{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-collapse:collapse;
    text-align:center;
}
.CalendarTableHead
{
    background-color: #98B8CD;
}
.CalendarTableBody
{
    background-color: #98B8CD;
}

.DayCell
{
	background-color: #FFFFCC;
}
.AlterDayCell
{
	background-color: #C1FFF2;
}
.TodayCell
{
	color: #FF3300;
	background-color: #C1FFF2;
}
.CurrentDayCell
{
	color: #0000FF;
	background-color: #C1FFF2;
}
.UpDownButton
{
	border: 1px solid #00CC99;
	background-color: #FCFC87;
	cursor: hand;
}
.TodayCancelButton
{
    width: 45%;
    border: 1px solid #BCD0DE;
    background-color: #FCFC87;
    cursor: hand;
    margin-top: 5px;
}
</style>
</head>

<body >
    
    <br>
    <input type="text" name="dd" onclick="oCalendarEn.ShowCalendar(this)" value="English Version" >
    <br >
    <input name="dd" onclick="oCalendarEn.ShowCalendar(this)" type="text" value="English Version">
    <br >
    <input readonly="readonly" type="text" name="dd" onclick="oCalendarChs.ShowCalendar(this)" value="中文界面版" >                                    
    <br >
<script type="text/javascript" >

    var oCalendarEn = new PopupCalendar("oCalendarEn");	
    oCalendarEn.Init();

    var oCalendarChs = new PopupCalendar("oCalendarChs");	
    oCalendarChs.WeekDayString=new Array("日","一","二","三","四","五","六");
    oCalendarChs.TodayButtonTitle="今天";
    oCalendarChs.CancelButtonTitle="取消";
    oCalendarChs.Init();
    
</script>

<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>

<div class="CalendarPanel">
<div class="CalendarHead">
<button class="UpDownButton">&lt;&lt;</button>&nbsp;
<button class="UpDownButton">&lt;</button>&nbsp;&nbsp;&nbsp;
<span>2008-8-8</span>&nbsp;&nbsp;&nbsp;
<button class="UpDownButton">&gt;</button>&nbsp;
<button class="UpDownButton">&gt;&gt;</button>
</div>
    <table class="CalendarTable" border="1px">
        <thead class =" CalendarTableHead">
        <tr>
            <td>
                一</td>
            <td>
                二</td>
            <td>
                三</td>
            <td>
                四</td>
            <td>
                五</td>
            <td>
                六</td>
            <td>
                日</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                1</td>
        </tr>
        <tr>
            <td class="TodayCell">
                2</td>
            <td class="AlterDayCell">
                3</td>
            <td class="CurrentDayCell">
                4</td>
            <td class="DayCell">
                5</td>
            <td class="DayCell">
                6</td>
            <td class="DayCell">
                7</td>
            <td class="DayCell">
                8</td>
        </tr>
        <tr>
            <td class="DayCell">
                9</td>
            <td class="DayCell">
                10</td>
            <td class="DayCell">
                11</td>
            <td class="DayCell">
                12</td>
            <td class="DayCell">
                13</td>
            <td class="DayCell">
                14</td>
            <td class="DayCell">
                15</td>
        </tr>
        <tr>
            <td class="DayCell">
                16</td>
            <td class="DayCell">
                17</td>
            <td class="DayCell">
                18</td>
            <td class="DayCell">
                19</td>
            <td class="DayCell">
                20</td>
            <td class="DayCell">
                21</td>
            <td class="DayCell">
                22</td>
        </tr>
        <tr>
            <td class="DayCell">
                23</td>
            <td class="DayCell">
                24</td>
            <td class="DayCell">
                25</td>
            <td class="DayCell">
                26</td>
            <td class="DayCell">
                27</td>
            <td class="DayCell">
                28</td>
            <td class="DayCell">
                29</td>
        </tr>
        <tr>
            <td class="DayCell">
                30</td>
            <td class="DayCell">
                31</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
            <td class="DayCell">
                &nbsp;</td>
        </tr>
        </tbody>
    </table>
    <div class="CalendarFooter">
    <button class="TodayCancelButton">今天</button>&nbsp;&nbsp;&nbsp;&nbsp;
    <button class="TodayCancelButton">取消</button>
    </div>
    </div>
    
    <div style="display:none"></div>

</body>
</html>